<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p {
            font-family: Calibri;
        }
    </style>
</head>
<body>
<h1 style="text-indent: 40px; text-align: center;color: red">Что нужно знать, чтобы делать сайты</h1>
<div style="width: 600px">
    <ol style="color: red">
        <li style="font-weight: bold">HTML</li>
        <li style="color: blue">CSS</li>
        <li>PHP</li>
        <li>SOL</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>Flash</li>
        <li>SEO</li>
    </ol>
    <h2 style="color:green">PHP и JavaScript</h2>
    <p>
        Языки программирования <span style="font-weight: bold; font-size: 25px; color: red">PHP</span> и <span style="font-weight: bold; font-size: 25px; color: red">JavaScript</span> позволяют сделать сайт динамичным, то есть реагирующим на действия пользователя. Например, можно сделать красивую выпадающую менюшку или слайдер

    </p>
    <h2 style="color:green">Виды скриптов</h2>
    <p>
        Для этого пишутся скрипты (англ. <span style="font-weight: bold; font-style: italic; color: blue">script</span> - «сценарий») - программы, позволяющие реагировать на действия пользователя. Скрипты бывают двух видов:
    </p>
    <ul style="color: brown">
        <li>те, которые выполняются на сервере, а результат их выполнения приходит в браузер к пользователю уже в готовом виде. Это скрипты, написанные на языке PHP. На нем пишутся CMS-ки - системы управления контентом.</li>
        <li>те, которые выполняются прямо в браузере пользователя. Это скрипты, написанные на языке JavaScript. Они чаще всего используются для, того чтобы сделать страницу более удобной и красивой.</li>
    </ul>
</div>


</body>
</html>